﻿@charset "UTF-8";
/*@import "compass/css3/transition";
@import "compass/css3/transform";
@import "compass/css3/opacity";
@import "compass/css3/box-shadow";
@import "compass/css3/text-shadow";*/
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
/* line 11, ../../../../App/View/Sass/h5bp/_normalize.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
/* line 19, ../../../../App/View/Sass/h5bp/_normalize.scss */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 30, ../../../../App/View/Sass/h5bp/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
/* line 40, ../../../../App/View/Sass/h5bp/_normalize.scss */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 59, ../../../../App/View/Sass/h5bp/_normalize.scss */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-size: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 4 */
  font-family: sans-serif;
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
/* line 78, ../../../../App/View/Sass/h5bp/_normalize.scss */
button, input, select, textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
/* line 86, ../../../../App/View/Sass/h5bp/_normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 99, ../../../../App/View/Sass/h5bp/_normalize.scss */
a:focus {
  outline: thin dotted;
}
/* line 102, ../../../../App/View/Sass/h5bp/_normalize.scss */
a:active, a:hover {
  outline: 0;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
/* line 121, ../../../../App/View/Sass/h5bp/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 126, ../../../../App/View/Sass/h5bp/_normalize.scss */
h2, header.module h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

/* line 131, ../../../../App/View/Sass/h5bp/_normalize.scss */
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

/* line 136, ../../../../App/View/Sass/h5bp/_normalize.scss */
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

/* line 141, ../../../../App/View/Sass/h5bp/_normalize.scss */
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

/* line 146, ../../../../App/View/Sass/h5bp/_normalize.scss */
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
/* line 155, ../../../../App/View/Sass/h5bp/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
/* line 163, ../../../../App/View/Sass/h5bp/_normalize.scss */
b, strong {
  font-weight: bold;
}

/* line 167, ../../../../App/View/Sass/h5bp/_normalize.scss */
blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 175, ../../../../App/View/Sass/h5bp/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
/* line 184, ../../../../App/View/Sass/h5bp/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
/* line 194, ../../../../App/View/Sass/h5bp/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
/* line 203, ../../../../App/View/Sass/h5bp/_normalize.scss */
p, pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
/* line 211, ../../../../App/View/Sass/h5bp/_normalize.scss */
code, kbd, pre, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 221, ../../../../App/View/Sass/h5bp/_normalize.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
/* line 231, ../../../../App/View/Sass/h5bp/_normalize.scss */
q {
  quotes: none;
}
/* line 233, ../../../../App/View/Sass/h5bp/_normalize.scss */
q:before, q:after {
  content: '';
  content: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 247, ../../../../App/View/Sass/h5bp/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 255, ../../../../App/View/Sass/h5bp/_normalize.scss */
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 262, ../../../../App/View/Sass/h5bp/_normalize.scss */
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}

/* line 270, ../../../../App/View/Sass/h5bp/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
/* line 282, ../../../../App/View/Sass/h5bp/_normalize.scss */
dl, menu, ol, ul {
  margin: 1em 0;
}

/* line 286, ../../../../App/View/Sass/h5bp/_normalize.scss */
dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
/* line 294, ../../../../App/View/Sass/h5bp/_normalize.scss */
menu, ol, ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
/* line 303, ../../../../App/View/Sass/h5bp/_normalize.scss */
nav ul, nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
/* line 318, ../../../../App/View/Sass/h5bp/_normalize.scss */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 329, ../../../../App/View/Sass/h5bp/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
/* line 341, ../../../../App/View/Sass/h5bp/_normalize.scss */
figure, form {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
/**
 * Define consistent border, margin, and padding.
 */
/* line 357, ../../../../App/View/Sass/h5bp/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
/* line 369, ../../../../App/View/Sass/h5bp/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
/* line 386, ../../../../App/View/Sass/h5bp/_normalize.scss */
button, input, select, textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 402, ../../../../App/View/Sass/h5bp/_normalize.scss */
button, input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 413, ../../../../App/View/Sass/h5bp/_normalize.scss */
button, select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
/* line 427, ../../../../App/View/Sass/h5bp/_normalize.scss */
button, html input[type="button"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/* line 437, ../../../../App/View/Sass/h5bp/_normalize.scss */
input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 451, ../../../../App/View/Sass/h5bp/_normalize.scss */
button[disabled], html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
/* line 463, ../../../../App/View/Sass/h5bp/_normalize.scss */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/* line 473, ../../../../App/View/Sass/h5bp/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/* line 480, ../../../../App/View/Sass/h5bp/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/**
 * Remove inner padding and border in Firefox 3+.
 */
/* line 501, ../../../../App/View/Sass/h5bp/_normalize.scss */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 511, ../../../../App/View/Sass/h5bp/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 526, ../../../../App/View/Sass/h5bp/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* line 13, ../../../../App/View/Sass/h5bp/_main.scss */
html, button, input, select, textarea {
  color: #222;
}

/* line 17, ../../../../App/View/Sass/h5bp/_main.scss */
body {
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
/* line 28, ../../../../App/View/Sass/h5bp/_main.scss */
::-moz-selection, ::selection {
  background: #777;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
/* line 37, ../../../../App/View/Sass/h5bp/_main.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
/* line 50, ../../../../App/View/Sass/h5bp/_main.scss */
img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
/* line 58, ../../../../App/View/Sass/h5bp/_main.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
/* line 68, ../../../../App/View/Sass/h5bp/_main.scss */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
/* line 76, ../../../../App/View/Sass/h5bp/_main.scss */
.chromeframe {
  margin: 0.2em 0;
  background: #fcd123;
  color: #000;
  padding: 0.2em 0.8em;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
/* line 95, ../../../../App/View/Sass/h5bp/_main.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
/* line 101, ../../../../App/View/Sass/h5bp/_main.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/* line 113, ../../../../App/View/Sass/h5bp/_main.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/* line 122, ../../../../App/View/Sass/h5bp/_main.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* line 132, ../../../../App/View/Sass/h5bp/_main.scss */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/*
 * Hide visually and from screenreaders, but maintain layout
 */
/* line 152, ../../../../App/View/Sass/h5bp/_main.scss */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 168, ../../../../App/View/Sass/h5bp/_main.scss */
.clearfix {
  *zoom: 1;
}
/* line 169, ../../../../App/View/Sass/h5bp/_main.scss */
.clearfix:before {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
/* line 175, ../../../../App/View/Sass/h5bp/_main.scss */
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  /* line 210, ../../../../App/View/Sass/h5bp/_main.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 217, ../../../../App/View/Sass/h5bp/_main.scss */
  a {
    text-decoration: underline;
  }
  /* line 219, ../../../../App/View/Sass/h5bp/_main.scss */
  a:visited {
    text-decoration: underline;
  }
  /* line 222, ../../../../App/View/Sass/h5bp/_main.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 226, ../../../../App/View/Sass/h5bp/_main.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  /* line 232, ../../../../App/View/Sass/h5bp/_main.scss */
  .ir a:after {
    content: "";
  }

  /* line 236, ../../../../App/View/Sass/h5bp/_main.scss */
  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  /* line 240, ../../../../App/View/Sass/h5bp/_main.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 244, ../../../../App/View/Sass/h5bp/_main.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  /* line 248, ../../../../App/View/Sass/h5bp/_main.scss */
  tr {
    page-break-inside: avoid;
  }

  /* line 251, ../../../../App/View/Sass/h5bp/_main.scss */
  img {
    page-break-inside: avoid;
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  /* line 259, ../../../../App/View/Sass/h5bp/_main.scss */
  p, h2, header.module h2, h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 263, ../../../../App/View/Sass/h5bp/_main.scss */
  h2, header.module h2, h3 {
    page-break-after: avoid;
  }
}
@font-face {
	font-family: 'UTM Avo';
	src: url('../../assets/font/UTMAvo.eot?') format('eot'), 
	     url('../../assets/font/UTMAvo.woff') format('woff'), 
	     url('../../assets/font/UTMAvo.ttf')  format('truetype'),
	     url('../../assets/font/UTMAvo.svg#UTMAvo') format('svg');
}
@font-face {
	font-family: 'UTM Bebas';
	src: url('../../assets/font/UTMBebas.eot?') format('eot'), 
	     url('../../assets/font/UTMBebas.woff') format('woff'), 
	     url('../../assets/font/UTMBebas.ttf')  format('truetype'),
	     url('../../assets/font/UTMBebas.svg#UTMBebas') format('svg');
}
/* line 1, ../../../../App/View/Sass/inc/_base.scss */
html, body {
  background: #000000;
  height: 100%;
  min-width: 640px;
}

/* line 6, ../../../../App/View/Sass/inc/_base.scss */
body {
  color: white;
  font-family: "UTM Avo", sans-serif, Arial;
  font-size: 12px;
  line-height: 24px;
  position: relative;
  margin: 0;
}

/* line 14, ../../../../App/View/Sass/inc/_base.scss */
a {
  color: #ff3d00;
  text-decoration: none;
  outline: none;
}
/* line 18, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
a:visited {
  color: #ff3d00;
}
/* line 21, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
a:focus {
  color: #ff3d00;
}
/* line 24, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
a:hover {
  color: #ff3d00;
}
/* line 27, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
a:active {
  color: #ff3d00;
}
/* line 18, ../../../../App/View/Sass/inc/_base.scss */
a:hover {
  text-decoration: none;
}

/* line 23, ../../../../App/View/Sass/inc/_base.scss */
h2, header.module h2 {
  color: white;
  font-size: 65px;
  font-family: "UTM Bebas", sans-serif, Arial;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *display: inline;
}

/* line 36, ../../../../App/View/Sass/inc/_base.scss */
h3 {
  color: white;
  font-size: 40px;
  font-family: Arial;
  font-weight: normal;
  text-transform: uppercase;
  width: 100%;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

/* line 47, ../../../../App/View/Sass/inc/_base.scss */
header.module h2 {
  font-size: 65px;
  line-height: 100%;
  margin: 0;
  margin-bottom:15px;

}
/* line 53, ../../../../App/View/Sass/inc/_base.scss */
header.module h3 {
  font-family: "UTM Avo", sans-serif, Arial;
  font-weight: normal;
  text-transform: uppercase;
  color: #ff3d00;
  font-size: 35px;
  text-align: center;
  line-height: 100%;
  letter-spacing:-1px;
  margin: 0;
}

/* line 65, ../../../../App/View/Sass/inc/_base.scss */
h4 {
  color: #ff3d00;
  font-size: 22px;
  font-family: Arial;
  line-height: 30px;
  font-weight: normal;
  text-transform: uppercase;
}

/* line 74, ../../../../App/View/Sass/inc/_base.scss */
.icon {
  background: url("../../assets/img/shared/icons.png") 0 0 no-repeat;
  width: 60px;
  height: 60px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 0;
  outline: none;
}

/* line 82, ../../../../App/View/Sass/inc/_base.scss */
a.more::after {
  content: '\25B6';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-left: 8px;
  font-size: 50%;
  padding-top: 1px;
}

/* line 89, ../../../../App/View/Sass/inc/_base.scss */
a.less::before {
  content: '\25C0';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 8px;
  font-size: 50%;
  margin-top: -1px;
}

/* line 96, ../../../../App/View/Sass/inc/_base.scss */
a.up::after {
  content: '\25B2';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-left: 8px;
  font-size: 50%;
  margin-top: -2px;
}

/* line 105, ../../../../App/View/Sass/inc/_base.scss */
.lang-menu {
  position: absolute;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 108, ../../../../App/View/Sass/inc/_base.scss */
.lang-menu nav {
  position: relative;
}
/* line 110, ../../../../App/View/Sass/inc/_base.scss */
.lang-menu nav > a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 20px;
  height: 11px;
  background: transparent url("../../assets/img/shared/icons.png") -200px -20px;
  z-index: 103;
}
/* line 117, ../../../../App/View/Sass/inc/_base.scss */
.lang-menu nav .drop-down {
  display: none;
  position: absolute;
  list-style: none;
  padding: 17px 0 0 0;
  margin: 0;
  z-index: 100;
  left: 0;
  background: transparent url("../../assets/img/shared/half-transporent.png") repeat;
  background: rgba(0, 0, 0, 0.6);
}
/* line 126, ../../../../App/View/Sass/inc/_base.scss */
.lang-menu nav .drop-down > li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin: 17px 24px;
  text-transform: uppercase;
  font-family: "UTM Avo", sans-serif, Arial;
  font-size: 20px;
}
/* line 132, ../../../../App/View/Sass/inc/_base.scss */
.lang-menu nav .drop-down > li a {
  color: white;
}
/* line 18, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
.lang-menu nav .drop-down > li a:visited {
  color: white;
}
/* line 21, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
.lang-menu nav .drop-down > li a:focus {
  color: white;
}
/* line 24, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
.lang-menu nav .drop-down > li a:hover {
  color: #ff3d00;
}
/* line 27, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
.lang-menu nav .drop-down > li a:active {
  color: white;
}
/* line 134, ../../../../App/View/Sass/inc/_base.scss */
.lang-menu nav .drop-down > li a:hover {
  text-decoration: none;
}
/* line 138, ../../../../App/View/Sass/inc/_base.scss */
.lang-menu nav .drop-down > li .flag {
  padding-left: 40px;
}
/* line 145, ../../../../App/View/Sass/inc/_base.scss */
.lang-menu nav:hover .drop-down {
  display: block;
}

/* line 154, ../../../../App/View/Sass/inc/_base.scss */
.cur-flag {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background: url("../../assets/img/shared/icons.png") no-repeat -200px -20px;
  line-height: 100%;
}
/* line 158, ../../../../App/View/Sass/inc/_base.scss */
.cur-flag.en {
  background-position: -200px -20px;
}
/* line 161, ../../../../App/View/Sass/inc/_base.scss */
.cur-flag.de {
  background-position: -200px -40px;
}
/* line 164, ../../../../App/View/Sass/inc/_base.scss */
.cur-flag.fr {
  background-position: -200px -60px;
}
/* line 167, ../../../../App/View/Sass/inc/_base.scss */
.cur-flag.tr {
  background-position: -200px 0px;
}
/* line 170, ../../../../App/View/Sass/inc/_base.scss */
.cur-flag.pl {
  background-position: -200px -80px;
}

/* line 174, ../../../../App/View/Sass/inc/_base.scss */
.flag {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background: url("../../assets/img/shared/icons.png") no-repeat -200px -20px;
  line-height: 100%;
}
/* line 178, ../../../../App/View/Sass/inc/_base.scss */
.flag.en {
  background-position: -200px -18px;
}
/* line 181, ../../../../App/View/Sass/inc/_base.scss */
.flag.de {
  background-position: -200px -38px;
}
/* line 184, ../../../../App/View/Sass/inc/_base.scss */
.flag.fr {
  background-position: -200px -58px;
}
/* line 187, ../../../../App/View/Sass/inc/_base.scss */
.flag.tr {
  background-position: -200px 2px;
}
/* line 190, ../../../../App/View/Sass/inc/_base.scss */
.flag.pl {
  background-position: -200px -78px;
}

/* line 195, ../../../../App/View/Sass/inc/_base.scss */
.half-transparent-black {
  background: rgba(0, 0, 0, 0.6);
}

/* line 199, ../../../../App/View/Sass/inc/_base.scss */
html.lt-ie9 .half-transparent-black {
  background: transparent url("../../assets/img/shared/half-transporent.png") repeat;
}

/* line 1, ../../../../App/View/Sass/inc/_layout.scss */
body {
  min-width: 1270px;
}

/* line 7, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu.affix {
  position: fixed;
  background: #000000;
  top: 0;
  width: 100%;
  z-index: 100;
}
/* line 16, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu.is-sliding-up .lang-menu .drop-down {
  bottom: 16px;
}
/* line 22, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered.is-content-wide {
  background: transparent url("../../assets/img/mainmenu/logo-warface.png") left 25px no-repeat;
}
/* line 28, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered ul.menu {
  padding: 28px 0 14px 192px;
  margin: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 33, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered ul.menu a {
  color: white;
}
/* line 18, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#mainmenu .is-centered ul.menu a:visited {
  color: white;
}
/* line 21, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#mainmenu .is-centered ul.menu a:focus {
  color: white;
}
/* line 24, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#mainmenu .is-centered ul.menu a:hover {
  color: #ff3d00;
}
/* line 27, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#mainmenu .is-centered ul.menu a:active {
  color: white;
}
/* line 35, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered ul.menu a:hover {
  text-decoration: none;
}
/* line 39, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered ul.menu > li {
  float: left;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 18px;
  line-heigh: 30px;
  height: 30px;
  letter-spacing:-1px;
  font-weight:normal;
  padding-right: 28px;
  font-family: "UTM Avo", sans-serif, Arial;
  position: relative;
  text-transform: uppercase;
}
/* line 50, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered ul.menu > li:hover > a {
  color: #ff3d00;
}
/* line 18, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#mainmenu .is-centered ul.menu > li:hover > a:visited {
  color: #ff3d00;
}
/* line 21, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#mainmenu .is-centered ul.menu > li:hover > a:focus {
  color: #ff3d00;
}
/* line 24, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#mainmenu .is-centered ul.menu > li:hover > a:hover {
  color: #ff3d00;
}
/* line 27, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#mainmenu .is-centered ul.menu > li:hover > a:active {
  color: #ff3d00;
}
/* line 53, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered ul.menu > li:hover ul.dropdown-submenu {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 57, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered ul.menu > li ul.dropdown-submenu {
  position: absolute;
  display: none;
  padding: 9px 18px;
  left: -18px;
  margin: 0;
  list-style: none;
  top: 22px;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  z-index: 7;
  font-size:13px;
}
/* line 68, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered ul.menu > li ul.dropdown-submenu li {
  padding: 6px 0;
  text-transform: uppercase;
}
/* line 76, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .social {
  position: absolute;
  overflow: hidden;
  *zoom: 1;
  right: 348px;
}
/* line 80, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .social .twitter-share {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  float: left;
  height: 20px;
  padding-left: 70px;
  padding-right: 20px;
  padding-top: 30px;
  width: 100px;
}
/* line 89, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .social .fb-like {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  float: left;
  height: 30px;
  padding-top: 26px;
  width: 100px;
}
/* line 95, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .social .fb-like iframe {
  border: none;
  overflow: hidden;
  width: 450px;
  height: 21px;
}
/* line 103, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .lang-menu {
  position: absolute;
  right: 282px;
  top: 30px;
  width: 20px;
  height: 11px;
}
/* line 110, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .status {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 244px;
  top: 32px;
  background: transparent url("../../assets/img/shared/icons.png") -210px -200px;
}
/* line 117, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .status.red {
  background-position: -210px -220px;
}
/* line 120, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .status.red .tooltip p {
  background: #ff0000 !important;
}
/* line 123, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .status.red .tooltip .arrow-icon {
  background-position: -240px -213px !important;
}
/* line 128, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .status.green {
  background-position: -210px -200px;
}
/* line 131, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .status.green .tooltip p {
  background: #a6c236 !important;
}
/* line 134, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .status.green .tooltip .arrow-icon {
  background-position: -240px -193px !important;
}
/* line 139, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .status.yellow {
  background-position: -210px -240px;
}
/* line 142, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .status.yellow .tooltip p {
  background: #ffed00 !important;
}
/* line 145, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .status.yellow .tooltip .arrow-icon {
  background-position: -240px -233px !important;
}
/* line 151, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .status:hover .tooltip {
  display: block;
}
/* line 155, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .status .tooltip {
  position: relative;
  height: 0;
  width: 0;
  display: none;
}
/* line 160, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .status .tooltip .container {
  position: absolute;
  right: 6px;
  top: -4px;
  z-index: 5;
}
/* line 165, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .status .tooltip .container p {
  margin: 0 7px 0 0;
  padding: 6px;
  font-family: "UTM Avo", sans-serif, Arial;
  font-size: 16px;
  letter-spacing: 1px;
  color: black;
  text-transform: uppercase;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: auto;
  text-wrap: none;
  white-space: nowrap;
  background: #a6c236;
  height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 100%;
}
/* line 182, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .status .tooltip .container .arrow-icon {
  position: absolute;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  top: 0;
  right: 0;
  height: 24px;
  width: 7px;
  z-index: 6;
  background-position: -240px -193px;
}
/* line 196, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .signup {
  position: absolute;
  display: table-cell;
  vertical-align: middle;
  width: 222px;
  height: 88px;
  font-size: 30px;
  line-height: 80px;
  font-family: "UTM Bebas", sans-serif, Arial;
  text-transform: uppercase;
  right: 0;
  text-align: center;
  background-image: url("../../assets/img/mainmenu/sign-up-bg.png");
  background-position: 0 -88px;
  background-repeat: no-repeat;
  background-color: black;
  z-index: 6;
}
#mainmenu .is-centered .register {
  position: absolute;
  display: table-cell;
  vertical-align: middle;
  width: 150px;
  height: 88px;
  font-size: 30px;
  line-height: 80px;
  font-family: "UTM Bebas", sans-serif, Arial;
  text-transform: uppercase;
  right: 222px;
  text-align: center;
  z-index: 6;
}
/* line 213, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .signup > a {
  color: white;
}
/* line 18, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#mainmenu .is-centered .signup > a:visited {
  color: white;
}
/* line 21, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#mainmenu .is-centered .signup > a:focus {
  color: white;
}
/* line 24, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#mainmenu .is-centered .signup > a:hover {
  color: white;
}
/* line 27, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#mainmenu .is-centered .signup > a:active {
  color: white;
}
/* line 215, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .is-centered .signup > a:hover {
  text-decoration: none;
}
/* line 221, ../../../../App/View/Sass/inc/_layout.scss */
#mainmenu .jaggies {
  position: absolute;
  height: 18px;
  bottom: -16px;
  left: 0;
  width: 100%;
  background: url("../../assets/img/mainmenu/jaggies.png") left bottom repeat-x;
  z-index: 5;
}

/* line 232, ../../../../App/View/Sass/inc/_layout.scss */
.coop-versus {
  background: url("../../assets/img/module-coop/bg6654.jpg?v1") center top no-repeat;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%;
}

/* line 239, ../../../../App/View/Sass/inc/_layout.scss */
@media (max-width: 1060px) {
  /* line 289, ../../../../App/View/Sass/inc/_layout.scss */
  #mainmenu .social {
    display: none;
  }
}
@media (max-width: 745px) {
  /* line 297, ../../../../App/View/Sass/inc/_layout.scss */
  #mainmenu .is-centered.is-content-wide {
    background: none;
  }
  /* line 300, ../../../../App/View/Sass/inc/_layout.scss */
  #mainmenu .is-centered ul.menu {
    padding: 30px 0 30px 30px;
  }
}
/* line 310, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100;
  background: transparent url("../../assets/img/shared/half-transporent.png") repeat;
  background: rgba(0, 0, 0, 0.6);
  line-height:12px;
}
/* line 320, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window.sticky-on .sticky {
  display: block;
}
/* line 323, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window.sticky-on .text {
  padding-top: 120px;
}
/* line 326, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window.sticky-on .page-header {
  display: none;
}
/* line 331, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .underlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 101;
}
/* line 340, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .social {
  position: absolute;
  right: 0;
  top: 12px;
}
/* line 344, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .social ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  *zoom: 1;
}
/* line 349, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .social ul li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  float: left;
  font-size: 16px;
  text-transform: uppercase;
  color: white;
  margin-left: 14px;
  font-weight: bold;
  cursor: pointer;
}
/* line 358, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .social ul li:hover {
  color: #e64300;
}
/* line 362, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .social ul .icon {
  width: 20px;
  height: 20px;
}
/* line 366, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .social ul .icon-twitter {
  background-position: -134px -300px;
}
/* line 368, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .social ul .icon-twitter:hover {
  background-position: -134px -320px;
}
/* line 372, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .social ul .icon-facebook {
  background-position: -100px -300px;
}
/* line 374, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .social ul .icon-facebook:hover {
  background-position: -100px -320px;
}
/* line 381, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window h2, .modal-window header.module h2, header.module .modal-window h2 {
  font-size: 50px;
  color: #ff3d00;
  line-height: 82%;
  text-align: left;
  margin: 18px 0;
  font-family: "UTM Avo", sans-serif, Arial;
}
/* line 389, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window h3 {
  font-family: Arial;
  font-size: 16px;
  color: white;
  font-weight: bold;
  line-height: 50px;
  text-align: left;
  margin: 0;
}
/* line 398, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .date {
  font-size: 11px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
/* line 404, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .sticky {
  position: relative;
  display: none;
}
/* line 407, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .sticky > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
/* line 413, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .sticky > div header {
  margin: 0 auto;
  width: 886px;
  height: 120px;
  background: black;
  position: relative;
}
/* line 423, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#gface-overlay {
  display: table;
  width: 100%;
  height: 100%;
}
/* line 428, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#gface-overlay .is-centered {
  width: 100%;
  height: 100%;
  z-index: 102;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
 
}
/* line 436, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#gface-overlay .is-centered .container {
  text-align: left;
  position: relative;
  height: 560px;
  width: 300px;
  background: rgba(0, 0, 0, 0.9);
  padding: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
   border:solid 1px #acacac;
}
/* line 444, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#gface-overlay .is-centered .container .gf-beta-signup {
  background: url("../../assets/img/shared/preloader.gif") center center no-repeat;
}
/* line 446, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#gface-overlay .is-centered .container .gf-beta-signup .preloader {
  height: 500px;
  padding: 0;
}
/* line 451, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#gface-overlay .is-centered .container > div {
  width: auto;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 461, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#media-overlay {
  display: table;
  width: 100%;
  height: 100%;
}
/* line 465, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#media-overlay .is-centered {
  width: 100%;
  height: 100%;
  z-index: 102;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/* line 473, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#media-overlay .is-centered figure {
  text-align: left;
  position: relative;
  width: auto;
  height: auto;
  padding: 0;
  background-color: black;
  background-image: url("../../assets/img/shared/preloader.gif");
  background-repeat: no-repeat;
  background-position: center center;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #acacac;
  /*min-width: 640px;
  min-height: 480px;*/
}
/* line 487, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#media-overlay .is-centered figure img {
  width: 100%;
}
/* line 491, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#media-overlay .is-centered figure > div {
  width: auto;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 503, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#page-overlay .is-centered {
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 990px;
  max-height: 80%;
  background-color: #000;
  border: 1px solid #acacac;
  z-index: 102;
}
@media (max-width: 990px) {
  /* line 503, ../../../../App/View/Sass/inc/_layout.scss */
  .modal-window#page-overlay .is-centered {
    width: 80%;
  }
}
/* line 519, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#page-overlay .is-centered .container {
  overflow: auto;
  height: 100%;
  width: 100%;
  background-color: black;
  background-image: url("../../assets/img/shared/preloader.gif");
  background-repeat: no-repeat;
  background-position: center center;
  min-width: 640px;
  min-height: 480px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px 0;
}
/* line 531, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#page-overlay .is-centered .container figure.teaser {
  margin: 0 0 34px 0;
}
/* line 534, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#page-overlay .is-centered .container header {
  position: relative;
  margin: 0;
  /*height: 60px;*/
  background-color: black;
}
/* line 539, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#page-overlay .is-centered .container header h2 {
  margin: 0;
}
/* line 544, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#page-overlay .is-centered .container article {
  background-color: black;
  font-size: 12px;
  font-family: Arial;
  line-height: 150%;
  position: relative;
}
/* line 555, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#page-overlay .is-centered img.thumbnail {
  width: 100%;
}
/* line 558, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#page-overlay .is-centered article {
  width: 870px;
  margin: 0 auto;
}
@media (max-width: 990px) {
  /* line 558, ../../../../App/View/Sass/inc/_layout.scss */
  .modal-window#page-overlay .is-centered article {
    width: 640px;
  }
}
/* line 565, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window#page-overlay .is-centered .text {
  font-size: 14px;
  line-height: 21px;
  display: block;
}
/* line 574, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .icon-close {
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  z-index: 103;
  width: 38px;
  height: 38px;
  display: block;
  background-position: -100px -400px;
}
/* line 584, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .icon-close:hover {
  background-position: -100px -440px;
}

/* line 591, ../../../../App/View/Sass/inc/_layout.scss */
#gface-overlay {
  display: none;
}
/* line 594, ../../../../App/View/Sass/inc/_layout.scss */
#gface-overlay.modal-window .icon-close {
  position: absolute;
  top: -19px;
  right: -19px;
}

/* line 603, ../../../../App/View/Sass/inc/_layout.scss */
.modal-window .date {
  background-color: black;
  font-family: Arial;
}

/* line 610, ../../../../App/View/Sass/inc/_layout.scss */
#gface-overlay.modal-window .is-centered .container > #download-ok {
  display: none;
  width: 300px;
  height: 590px;
  margin-top: 40px;
  background: black url("../../assets/img/signup/ok.jpg") center -14px no-repeat;
  text-align: center;
}
/* line 617, ../../../../App/View/Sass/inc/_layout.scss */
#gface-overlay.modal-window .is-centered .container > #download-ok h2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 162px 40px 0;
  font-family: "UTM Avo", sans-serif, Arial;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 44px;
  line-height: 100%;
  font-weight: normal;
  text-align: center;
}
/* line 628, ../../../../App/View/Sass/inc/_layout.scss */
#gface-overlay.modal-window .is-centered .container > #download-ok h2 > span {
  color: #898989;
  text-transform: none;
  font-size: 21px;
  line-height: 100%;
  font-weight: normal;
  display: block;
}
/* line 629, ../../../../App/View/Sass/inc/_layout.scss */
#gface-overlay.modal-window .is-centered .container > #download-ok h2 > span.long-text {
  font-size: 16px;
}
/* line 641, ../../../../App/View/Sass/inc/_layout.scss */
#gface-overlay.modal-window .is-centered .container > #download-ok h3 {
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 47px 40px 10px 40px;
  font-family: "UTM Avo", sans-serif, Arial;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 44px;
  line-height: 100%;
  font-weight: normal;
  margin: 0;
}
/* line 642, ../../../../App/View/Sass/inc/_layout.scss */
#gface-overlay.modal-window .is-centered .container > #download-ok h3.long-text {
  font-size: 38px;
}
/* line 656, ../../../../App/View/Sass/inc/_layout.scss */
#gface-overlay.modal-window .is-centered .container > #download-ok .download-btn {
  width: 242px;
  height: 107px;
  background: url("../../assets/img/signup/download-button.png") center center no-repeat;
  display: block;
  margin: 0 auto;
  outline: none;
}

/* line 1, ../../../../App/View/Sass/inc/_state.scss */
.is-centered {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

/* line 7, ../../../../App/View/Sass/inc/_state.scss */
.is-clickable {
  cursor: pointer;
}

/* line 11, ../../../../App/View/Sass/inc/_state.scss */
.is-page-wide {
  max-width: 1918px;
  min-width: 640px;
}

/* line 16, ../../../../App/View/Sass/inc/_state.scss */
.is-content-wide {
  width: 1270px;
}

/* line 21, ../../../../App/View/Sass/inc/_state.scss */
.is-absolute-centered {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* line 29, ../../../../App/View/Sass/inc/_state.scss */
.is-loading {
  background-image: url("../../assets/img/shared/preloader.gif");
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 38, ../../../../App/View/Sass/inc/_state.scss */
.is-text-responsive {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  text-wrap: normal;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
   font-family: "UTM Avo", sans-serif, Arial;
   font-size:16px;
  
}

/* line 49, ../../../../App/View/Sass/inc/_state.scss */
.is-hidden {
  display: none !important;
}

/* line 52, ../../../../App/View/Sass/inc/_state.scss */
.is-scrolling-locked {
  overflow: hidden;
}

/* line 56, ../../../../App/View/Sass/inc/_state.scss */
.is-invisible {
  visibility: hidden;
}

/* line 59, ../../../../App/View/Sass/inc/_state.scss */
figure.is-invisible {
  visibility: hidden;
  width: 0;
  height: 0;
}

/* line 2, ../../../../App/View/Sass/inc/_slider.scss */
.triggers .trigger {
  background: transparent url("../../assets/img/shared/half-transporent.png") repeat;
  background: rgba(0, 0, 0, 0.6);
  width: 100px;
  position: absolute;
  cursor: pointer;
  z-index: 3;
  /*
    &:hover {
    @include half-transporent-black;
    }
  */
}
/* line 14, ../../../../App/View/Sass/inc/_slider.scss */
.triggers .prev {
  left: 0;
  text-align: left;
}
/* line 18, ../../../../App/View/Sass/inc/_slider.scss */
.triggers .next {
  right: 0;
  text-align: right;
}
/* line 22, ../../../../App/View/Sass/inc/_slider.scss */
.triggers .icon {
  width: 50px;
  height: 65px;
  border: 0;
  margin-top: 187px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 29, ../../../../App/View/Sass/inc/_slider.scss */
.triggers .icon-prev {
  background-position: 0 -200px;
}
/* line 31, ../../../../App/View/Sass/inc/_slider.scss */
.triggers .icon-prev:hover {
  background-position: -100px -200px;
}
/* line 35, ../../../../App/View/Sass/inc/_slider.scss */
.triggers .icon-next {
  background-position: -50px -200px;
}
/* line 37, ../../../../App/View/Sass/inc/_slider.scss */
.triggers .icon-next:hover {
  background-position: -150px -200px;
}

/* line 42, ../../../../App/View/Sass/inc/_slider.scss */
.scroll-box {
  position: relative;
  width: 1270px;
  overflow: hidden;
  margin: 0 auto;
}
/* line 48, ../../../../App/View/Sass/inc/_slider.scss */
.scroll-box .loader {
  text-align: center;
  font-size: 50px;
  font-family: "UTM Avo", sans-serif, Arial;
  display: none;
}
/* line 54, ../../../../App/View/Sass/inc/_slider.scss */
.scroll-box.is-loading {
  width: 100%;
  padding: 30px;
  height: 20px;
  background: transparent;
}
/* line 59, ../../../../App/View/Sass/inc/_slider.scss */
.scroll-box.is-loading ul, .scroll-box.is-loading div {
  visibility: hidden;
}
/* line 62, ../../../../App/View/Sass/inc/_slider.scss */
.scroll-box.is-loading .loader {
  display: block;
  visibility: visible;
}
/* line 68, ../../../../App/View/Sass/inc/_slider.scss */
.scroll-box .inline-list {
  width: 10000px;
  width: -webkit-max-content;
  width: -moz-max-content;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 1;
}

/* line 4, ../../../../App/View/Sass/inc/_carousel.scss */
.carousel .landing-slide figure .grid {
  z-index: 3;
}
/* line 7, ../../../../App/View/Sass/inc/_carousel.scss */
.carousel .landing-slide figure > img {
  z-index: 1;
}

/* line 4, ../../../../App/View/Sass/inc/_shared.scss */
nav.slide-secondary-nav {
  position: absolute;
  bottom: 1px;
  border: none;
}
@media (max-width: 1100px) {
  /* line 4, ../../../../App/View/Sass/inc/_shared.scss */
  nav.slide-secondary-nav {
    display: none;
  }
}
/* line 11, ../../../../App/View/Sass/inc/_shared.scss */
nav.slide-secondary-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  *zoom: 1;
}
/* line 16, ../../../../App/View/Sass/inc/_shared.scss */
nav.slide-secondary-nav ul.inline {
  width: auto;
}
/* line 18, ../../../../App/View/Sass/inc/_shared.scss */
nav.slide-secondary-nav ul.inline li {
  width: auto;
  float: left;
  margin-right: 8px;
}
/* line 22, ../../../../App/View/Sass/inc/_shared.scss */
nav.slide-secondary-nav ul.inline li.more:after {
  position: static;
}
/* line 28, ../../../../App/View/Sass/inc/_shared.scss */
nav.slide-secondary-nav ul.table li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
}
/* line 34, ../../../../App/View/Sass/inc/_shared.scss */
nav.slide-secondary-nav ul li {
  font-size: 13px;
  cursor: pointer;
  font-family: "UTM Avo", sans-serif, Arial;
}
/* line 39, ../../../../App/View/Sass/inc/_shared.scss */
nav.slide-secondary-nav ul li.more::after {
  content: '\25B6';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-left: 8px;
  font-size: 50%;
  padding-top: 1px;
  position: absolute;
}
/* line 47, ../../../../App/View/Sass/inc/_shared.scss */
nav.slide-secondary-nav ul .active {
  color: #ff3d00;
}

/* line 53, ../../../../App/View/Sass/inc/_shared.scss */
a.close {
  position: absolute;
  top: 3%;
  right: 2%;
  color: white;
  cursor: pointer;
  z-index: 4;
  display: none;
  font-family: Verdana, Arial;
  font-size: 20px;
}
/* line 18, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
a.close:visited {
  color: white;
}
/* line 21, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
a.close:focus {
  color: white;
}
/* line 24, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
a.close:hover {
  color: white;
}
/* line 27, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
a.close:active {
  color: white;
}

/* line 66, ../../../../App/View/Sass/inc/_shared.scss */
.loader {
  text-align: center;
  font-size: 50px;
  font-family: "UTM Avo", sans-serif, Arial;
  display: none;
}

/* line 72, ../../../../App/View/Sass/inc/_shared.scss */
.is-loading {
  width: 100%;
  padding: 30px;
  height: 20px;
  background: transparent;
}
/* line 77, ../../../../App/View/Sass/inc/_shared.scss */
.is-loading .loader {
  display: block;
  visibility: visible;
}

/* line 85, ../../../../App/View/Sass/inc/_shared.scss */
.landing-slide.is-loading figure, .landing-slide.is-loading div, .landing-slide.is-loading article, .landing-slide.is-loading img {
  visibility: hidden;
}

/* line 1, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser {
  background: url("../../assets/img/header/warface-fallback.jpg") repeat center center transparent;
  height: 800px;
  max-height: 800px;
  min-height: 350px;
  position: relative;
}
/* line 7, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .wrapper {
  bottom: 0;
  left: 0;
  min-height: 350px;
  min-width: 640px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 16, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .wrapper .spreader {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
/* line 23, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .wrapper .spreader video {
  position: relative;
  width: 100%;
}
/* line 29, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
/* line 39, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker {
  background: transparent url("../../assets/img/header/warface-logo.png") center top no-repeat;
  padding-top: 168px;
  width: 894px;
  height: 190px;
  margin-left: -447px;
  margin-top: -179px;
  position: relative;
  left: 50%;
  top: 50%;
}
/* line 52, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered {
  overflow: hidden;
  *zoom: 1;
  width: 844px;
}
/* line 57, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .promo {
  display: block;
  width: 224px;
  height: 192px;
  float: left;
}
/* line 63, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .promo.left {
  background-position: 0 0;
}
/* line 65, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .promo.left:hover {
  background-position: 0 -192px;
}
/* line 69, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .promo.right {
  background-position: -224px 0;
}
/* line 71, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .promo.right:hover {
  background-position: -224px -192px;
}
/* line 78, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .banner {
  width: 224px;
  float: left;
  overflow: hidden;
  position: relative;
}
/* line 84, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .banner > img {
  -webkit-transform: perspective(1300px);
  -moz-transform: perspective(1300px);
  -ms-transform: perspective(1300px);
  -o-transform: perspective(1300px);
  transform: perspective(1300px);
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  display: block;
  width: 100%;
}
/* line 90, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .banner:hover > img {
  -webkit-transform: perspective(1300px) rotateY(180deg);
  -moz-transform: perspective(1300px) rotateY(180deg);
  -ms-transform: perspective(1300px) rotateY(180deg);
  -o-transform: perspective(1300px) rotateY(180deg);
  transform: perspective(1300px) rotateY(180deg);
}
/* line 94, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .banner figcaption {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transform: perspective(1300px) rotateY(180deg);
  -moz-transform: perspective(1300px) rotateY(180deg);
  -ms-transform: perspective(1300px) rotateY(180deg);
  -o-transform: perspective(1300px) rotateY(180deg);
  transform: perspective(1300px) rotateY(180deg);
  width: 100%;
  position: absolute;
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 100%;
  padding: 0px;
  background-color: #e64300;
  display: none;
}
/* line 112, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .banner figcaption > div {
  text-align: center;
  padding-top: 20px;
}
/* line 116, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .banner figcaption .hgroup {
  margin-top: 32px;
  text-align: center;
}
/* line 120, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .banner figcaption h3 {
  font-size: 30px;
  line-height: 140%;
  margin: 0;
}
/* line 124, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .banner figcaption h3 a {
  color: white;
}
/* line 18, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
.module-teaser .overlay .ticker .is-centered .banner figcaption h3 a:visited {
  color: white;
}
/* line 21, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
.module-teaser .overlay .ticker .is-centered .banner figcaption h3 a:focus {
  color: white;
}
/* line 24, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
.module-teaser .overlay .ticker .is-centered .banner figcaption h3 a:hover {
  color: white;
}
/* line 27, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
.module-teaser .overlay .ticker .is-centered .banner figcaption h3 a:active {
  color: white;
}
/* line 128, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .banner figcaption h4 {
  font-size: 20px;
  line-height: 100%;
  color: white;
  margin: 0;
}
/* line 134, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .banner figcaption .icon {
  width: 40px;
  height: 40px;
}
/* line 138, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .banner figcaption .icon-facebook {
  background-position: 0 -300px;
  margin-right: 14px;
}
/* line 142, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .banner figcaption .icon-twitter {
  background-position: -58px -297px;
  margin-left: 14px;
}
/* line 147, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .banner:hover figcaption {
  -webkit-transform: perspective(1300px) rotatey(0deg);
  -moz-transform: perspective(1300px) rotatey(0deg);
  -ms-transform: perspective(1300px) rotatey(0deg);
  -o-transform: perspective(1300px) rotatey(0deg);
  transform: perspective(1300px) rotatey(0deg);
}
/* line 154, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .news-nav {
  width: 386px;
  float: left;
  background: transparent url("../../assets/img/shared/half-transporent.png") repeat;
  background: rgba(0, 0, 0, 0.6);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 32px;
  overflow: hidden;
  height: 192px;
}
/* line 162, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .news-nav h3 {
  font-size: 21px;
  text-transform: uppercase;
  margin: 9px 0 18px 0;
  color: #ff3d00;
  text-align: center;
}
/* line 170, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .news-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
}
/* line 177, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .news-nav ul li {
  font-weight: bold;
  padding-bottom: 6px;
  line-height: 18px;
}
/* line 181, ../../../../App/View/Sass/module/_teaser.scss */
.module-teaser .overlay .ticker .is-centered .news-nav ul li .date {
  font-size: 11px;
  display: block;
  font-weight: normal;
  color: #acacac;
  line-height: 100%;
}

@media (max-width: 948px) {
  /* line 201, ../../../../App/View/Sass/module/_teaser.scss */
  .module-teaser .overlay .ticker {
    width: 640px;
    margin-left: -320px;
    background: transparent url("../../assets/img/header/warface-logo-630px.png") center top no-repeat;
  }
  /* line 205, ../../../../App/View/Sass/module/_teaser.scss */
  .module-teaser .overlay .ticker .is-centered {
    width: 396px;
  }
  /* line 208, ../../../../App/View/Sass/module/_teaser.scss */
  .module-teaser .overlay .ticker .banner {
    display: none;
  }
}
/* line 217, ../../../../App/View/Sass/module/_teaser.scss */
:root .module-teaser .overlay .ticker .is-centered .banner > figcaption {
  display: block;
}

/* line 1, ../../../../App/View/Sass/module/_welcome.scss */
#module-welcome {
  z-index: 1;
}
/* line 4, ../../../../App/View/Sass/module/_welcome.scss */
#module-welcome .is-centered.is-page-wide {
  background: url("../../assets/img/module-welcome/bg.jpg") no-repeat center top transparent;
  padding-top: 88px;
  padding-bottom: 110px;
}
/* line 5, ../../../../App/View/Sass/module/_welcome.scss */
#module-welcome .is-centered.is-page-wide h2 {
  margin: 1px 0 67px 0;
}
/* line 13, ../../../../App/View/Sass/module/_welcome.scss */
#module-welcome .text {
  padding: 40px 0 65px 0;
  text-align: center;
  font-size: 16px;
  line-height: 133%;


}
/* line 19, ../../../../App/View/Sass/module/_welcome.scss */
#module-welcome .video {
  max-width: 980px;
  min-width: 640px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 11px;
}
/* line 26, ../../../../App/View/Sass/module/_welcome.scss */
#module-welcome .video .youtube {
  background: url("../../assets/img/shared/preloader.gif") no-repeat center center transparent;
  display: none;
}
/* line 29, ../../../../App/View/Sass/module/_welcome.scss */
#module-welcome .video .youtube iframe {
  display: block;
}
/* line 33, ../../../../App/View/Sass/module/_welcome.scss */
#module-welcome .video .awards {
  text-align: center;
}
/* line 35, ../../../../App/View/Sass/module/_welcome.scss */
#module-welcome .video .awards img {
  max-width: 100%;
}
/* line 39, ../../../../App/View/Sass/module/_welcome.scss */
#module-welcome .video .thumbnail {
  position: relative;
}
/* line 42, ../../../../App/View/Sass/module/_welcome.scss */
#module-welcome .video .thumbnail:hover .icon-play {
  background-position: 0 -519px;
}
/* line 46, ../../../../App/View/Sass/module/_welcome.scss */
#module-welcome .video .thumbnail .icon-play {
  border: 0;
  background-position: 0 -459px;
}
/* line 50, ../../../../App/View/Sass/module/_welcome.scss */
#module-welcome .video .thumbnail img {
  max-width: 100%;
}

/* line 1, ../../../../App/View/Sass/module/_news.scss */
#module-news {
  z-index: 1;
}
/* line 5, ../../../../App/View/Sass/module/_news.scss */
#module-news .is-centered.is-page-wide {
  background: url("../../assets/img/module-news/bg.jpg") no-repeat center top transparent;
  padding-top: 156px;
  padding-bottom: 0;
}
/* line 12, ../../../../App/View/Sass/module/_news.scss */
#module-news .triggers .trigger {
  height: 477px;
  top: 176px;
}
/* line 22, ../../../../App/View/Sass/module/_news.scss */
#module-news .scroll-box {
  margin-top: 18px;
  width: 1269px;
  height: 513px;
}
@media (max-width: 1270px) {
  /* line 22, ../../../../App/View/Sass/module/_news.scss */
  #module-news .scroll-box {
    width: 840px;
  }
}
@media (max-width: 840px) {
  /* line 22, ../../../../App/View/Sass/module/_news.scss */
  #module-news .scroll-box {
    width: 420px;
  }
}
/* line 34, ../../../../App/View/Sass/module/_news.scss */
#module-news .scroll-box .inline-list {
  z-index: 1;
}
/* line 36, ../../../../App/View/Sass/module/_news.scss */
#module-news .scroll-box .inline-list li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #464646;
  border-bottom: 1px solid #464646;
  width: 420px;
  height: 513px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  float: left;
  margin-right: 3px;
  padding: 18px 0;
}
/* line 49, ../../../../App/View/Sass/module/_news.scss */
#module-news .scroll-box .inline-list li article {
  padding: 26px;
}
/* line 52, ../../../../App/View/Sass/module/_news.scss */
#module-news .scroll-box .inline-list li h4 {
  margin-top: 4px;
  margin-bottom: 2px;
  font-size: 20px;
  font-family: "UTM Avo", sans-serif, Arial;
  
}
/* line 59, ../../../../App/View/Sass/module/_news.scss */
#module-news .scroll-box .inline-list li .date {
  font-size: 11px;
  line-height: 110%;
  margin-bottom: 24px;
  text-transform: uppercase;
}
/* line 65, ../../../../App/View/Sass/module/_news.scss */
#module-news .scroll-box .inline-list li .text {
  font-size: 16px;
  font-weight:normal;
  font-family: "UTM Avo", sans-serif, Arial;
}

/* line 1, ../../../../App/View/Sass/module/_coop.scss */
#module-coop {
  height: 1007px;
}
/* line 3, ../../../../App/View/Sass/module/_coop.scss */
#module-coop header.module {
  margin-top: 256px;
}
/* line 5, ../../../../App/View/Sass/module/_coop.scss */
#module-coop header.module h3 {
  color: black;
}
/* line 9, ../../../../App/View/Sass/module/_coop.scss */
#module-coop div.screen {
  min-width: 640px;
  max-width: 1270px;
  margin: 41px auto;
  background: transparent url("../../assets/img/shared/half-transporent.png") repeat;
  background: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  position: relative;
  line-height:110%;
}
/* line 17, ../../../../App/View/Sass/module/_coop.scss */
#module-coop div.screen .slide {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  width: 100%;
  background: transporent;
  display: none;
}
/* line 24, ../../../../App/View/Sass/module/_coop.scss */
#module-coop div.screen .slide.landing-slide {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 26, ../../../../App/View/Sass/module/_coop.scss */
#module-coop div.screen .slide.landing-slide .is-text-responsive {
  padding-top: 70px;
}
/* line 31, ../../../../App/View/Sass/module/_coop.scss */
#module-coop div.screen .slide figure {
  overflow: hidden;
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
/* line 35, ../../../../App/View/Sass/module/_coop.scss */
#module-coop div.screen .slide figure .image {
  width: 774px;
  position: relative;
  display: block;
}
/* line 40, ../../../../App/View/Sass/module/_coop.scss */
#module-coop div.screen .slide figure img {
  width: 773px;
  height: 518px;
}
/* line 45, ../../../../App/View/Sass/module/_coop.scss */
#module-coop div.screen .slide figure figcaption {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 39.1%;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 4% 4%;
  line-height: 140%;
}
/* line 56, ../../../../App/View/Sass/module/_coop.scss */
#module-coop div.screen .slide figure .grid {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  *zoom: 1;
}
/* line 64, ../../../../App/View/Sass/module/_coop.scss */
#module-coop div.screen .slide figure nav > ul {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
/* line 70, ../../../../App/View/Sass/module/_coop.scss */
#module-coop div.screen .slide figure nav > ul li.span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 258px;
  height: 100%;
  float: left;
  cursor: pointer;
  display: table;
  font-size: 40px;
  font-family: "UTM Bebas", sans-serif, Arial;
  text-transform: uppercase;
  line-height: 100%;
}
#module-coop div.screen .slide figure figcaption h4, #module-versus div.screen .slide figure figcaption h4{
	font-family: "UTM Bebas", sans-serif, Arial;
  text-transform: uppercase;
  font-size:28px;
  line-height: 100%;}
/* line 82, ../../../../App/View/Sass/module/_coop.scss */
#module-coop div.screen .slide figure nav > ul li.span > a {
  padding: 30px;
  color: white;
  background: transparent url("../../assets/img/shared/empty.png") repeat;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/* line 18, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-coop div.screen .slide figure nav > ul li.span > a:visited {
  color: white;
}
/* line 21, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-coop div.screen .slide figure nav > ul li.span > a:focus {
  color: white;
}
/* line 24, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-coop div.screen .slide figure nav > ul li.span > a:hover {
  color: white;
}
/* line 27, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-coop div.screen .slide figure nav > ul li.span > a:active {
  color: white;
}
/* line 89, ../../../../App/View/Sass/module/_coop.scss */
#module-coop div.screen .slide figure nav > ul li.span > a.is-shadowed {
  background: transparent url("../../assets/img/shared/half-transporent.png") repeat;
  background: rgba(0, 0, 0, 0.6);
}
/* line 96, ../../../../App/View/Sass/module/_coop.scss */
#module-coop div.screen .slide figure .is-brighten {
  -webkit-filter: brightness(1.5);
}

@media (max-width: 1120px) {
  /* line 108, ../../../../App/View/Sass/module/_coop.scss */
  #coop-newexp nav.slide-secondary-nav {
    display: none;
  }
}
@media (max-width: 1120px) {
  /* line 115, ../../../../App/View/Sass/module/_coop.scss */
  #coop-reward nav.slide-secondary-nav {
    display: none;
  }
}
/* line 1, ../../../../App/View/Sass/module/_versus.scss */
#module-versus {
  height: 1010px;
}
/* line 4, ../../../../App/View/Sass/module/_versus.scss */
#module-versus header.module {
  margin-top: 0;
  margin-bottom: 64px;
}
/* line 8, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen {
  min-width: 640px;
  max-width: 1270px;
  margin: 32px auto;
  background: transparent url("../../assets/img/shared/half-transporent.png") repeat;
  background: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  position: relative;
}
/* line 16, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
  background: transporent;
  display: none;
}
/* line 24, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide.landing-slide {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 26, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide.landing-slide .is-text-responsive {
  padding-top: 75px;
}
/* line 28, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide.landing-slide .is-text-responsive a.more {
  margin-top: 36px;
  display: block;
  text-align: right;
}
/* line 35, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
/* line 39, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .image {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 496px;
  width: 774px;
  height: 518px;
  position: relative;
  display: block;
}
/* line 49, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure figcaption {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 39.1%;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 4% 4%;
  line-height: 150%;
}
/* line 60, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .grid {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 64, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .grid > ul {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  *zoom: 1;
}
/* line 71, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .grid > ul > li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 258px;
  height: 259px;
  float: left;
  cursor: pointer;
  display: table;
  font-size: 40px;
  font-family: "UTM Bebas", sans-serif, Arial;
  text-transform: uppercase;
  line-height: 100%;
}
/* line 82, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .grid > ul > li > a {
  padding: 10px 40px;
  color: white;
  background: url("../../assets/img/module-versus/slide-menu-sprite.jpg") no-repeat scroll 0 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/* line 18, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-versus div.screen .slide figure .grid > ul > li > a:visited {
  color: white;
}
/* line 21, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-versus div.screen .slide figure .grid > ul > li > a:focus {
  color: white;
}
/* line 24, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-versus div.screen .slide figure .grid > ul > li > a:hover {
  color: white;
}
/* line 27, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-versus div.screen .slide figure .grid > ul > li > a:active {
  color: white;
}
/* line 90, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .grid > ul > li > a.versus-team:hover {
  background-position: 0 -518px;
}
/* line 94, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .grid > ul > li > a.versus-free {
  background-position: -258px 0;
}
/* line 96, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .grid > ul > li > a.versus-free:hover {
  background-position: -258px -518px;
}
/* line 100, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .grid > ul > li > a.versus-plant {
  background-position: -516px 0;
}
/* line 102, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .grid > ul > li > a.versus-plant:hover {
  background-position: -516px -518px;
}
/* line 107, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .grid > ul > li > a.versus-storm {
  background-position: 0 -259px;
}
/* line 109, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .grid > ul > li > a.versus-storm:hover {
  background-position: 0 -777px;
}
/* line 113, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .grid > ul > li > a.versus-destruction {
  background-position: -258px -259px;
}
/* line 115, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .grid > ul > li > a.versus-destruction:hover {
  background-position: -258px -777px;
}
/* line 119, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .grid > ul > li > a.versus-tactics {
  background-position: -516px -259px;
}
/* line 121, ../../../../App/View/Sass/module/_versus.scss */
#module-versus div.screen .slide figure .grid > ul > li > a.versus-tactics:hover {
  background-position: -516px -777px;
}

/* line 1, ../../../../App/View/Sass/module/_classes.scss */
#module-classes {
  height: 1100px;
  background: url("../../assets/img/module-classes/bg.jpg") no-repeat center 70px;
  overflow: hidden;
}
/* line 5, ../../../../App/View/Sass/module/_classes.scss */
#module-classes .is-content-wide {
  width: 1364px;
}
/* line 9, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen {
  margin: 67px auto 32px auto;
  background: transparent url("../../assets/img/shared/half-transporent.png") repeat;
  background: rgba(0, 0, 0, 0.6);
  font-size: 20px;
  position: relative;
}
/* line 14, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen article {
  text-align: center;
  max-width: 800px;
  margin: 20px auto 0 auto;
}
/* line 19, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen > article {
  margin-top: 40px;
}
/* line 22, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen a.close {
  position: absolute;
  top: 4%;
  right: 4%;
  color: white;
  cursor: pointer;
  z-index: 4;
  display: none;
}
/* line 18, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-classes div.screen a.close:visited {
  color: white;
}
/* line 21, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-classes div.screen a.close:focus {
  color: white;
}
/* line 24, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-classes div.screen a.close:hover {
  color: white;
}
/* line 27, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-classes div.screen a.close:active {
  color: white;
}
/* line 31, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  width: 1364px;
  height: 640px;
  overflow: hidden;
  *zoom: 1;
  background: transporent;
  display: none;
}
/* line 39, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide figure {
  text-align: center;
}
/* line 41, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide figure figcaption {
  text-align: left;
  position: absolute;
  right: 5%;
  top: 14%;
  font-size: 40px;
  line-height: 110%;
  text-transform: uppercase;
  width: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "UTM Bebas", sans-serif, Arial;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
}
/* line 57, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide article.overlay {
  position: absolute;
  width: 45%;
  top: 3%;
  left: 5%;
  bottom: 6%;
  background: transparent url("../../assets/img/shared/half-transporent.png") repeat;
  background: rgba(0, 0, 0, 0.6);
  padding: 5% 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  font-size:16px;
   font-family: "UTM Avo", sans-serif, Arial;
   line-height:160%;
}
/* line 68, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide article.overlay h3 {
  color: white;
  margin: 0 0 35px 0;
  line-height: 100%;
 font-family: "UTM Bebas", sans-serif, Arial;
 font-size:35px;
}
/* line 74, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide.landing-slide {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 76, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide.landing-slide .landing-slide-img {
  visibility: hidden;
}
/* line 79, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide.landing-slide .is-invisible {
  visibility: hidden;
}
/* line 82, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide.landing-slide img.overlay {
  visibility: hidden;
  position: absolute;
}
/* line 85, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide.landing-slide img.overlay.is-visible {
  visibility: visible;
}
/* line 89, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide.landing-slide > article {
  position: absolute;
  top: 578px;
  text-align: center;
  left: 0;
  right: 0;
  width: 100%;
}
/* line 96, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide.landing-slide > article a {
  font-size: 18px;
  padding: 10px 0;
}
/* line 102, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide.landing-slide .grid {
  position: absolute;
  width: 1364px;
  height: 582px;
  overflow: hidden;
  *zoom: 1;
  background: url("../../assets/img/module-classes/slide-menu-sprite.png?v=1") no-repeat scroll 0 0;
}
/* line 108, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide.landing-slide .grid > ul {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  *zoom: 1;
}
/* line 115, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide.landing-slide .grid > ul > li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  height: 100%;
  float: left;
  cursor: pointer;
  display: table;
  font-size: 50px;
  font-family: "UTM Bebas", sans-serif, Arial;
  text-transform: uppercase;
  line-height: 100%;
}
/* line 126, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide.landing-slide .grid > ul > li > a {
  padding: 0 0 46px 0;
  color: white;
  background: transparent url("../../assets/img/shared/empty.png") repeat;
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
}
/* line 18, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-classes div.screen .slide.landing-slide .grid > ul > li > a:visited {
  color: white;
}
/* line 21, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-classes div.screen .slide.landing-slide .grid > ul > li > a:focus {
  color: white;
}
/* line 24, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-classes div.screen .slide.landing-slide .grid > ul > li > a:hover {
  color: white;
}
/* line 27, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-classes div.screen .slide.landing-slide .grid > ul > li > a:active {
  color: white;
}
/* line 133, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide.landing-slide .grid > ul > li > a[data-open=classes-rifleman] {
  padding-left: 28px;
}
/* line 136, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide.landing-slide .grid > ul > li > a[data-open=classes-sniper] {
  padding-left: 10px;
}
/* line 139, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide.landing-slide .grid > ul > li > a[data-open=classes-medic] {
  padding-right: 23px;
}
/* line 142, ../../../../App/View/Sass/module/_classes.scss */
#module-classes div.screen .slide.landing-slide .grid > ul > li > a[data-open=classes-engineer] {
  padding-right: 34px;
}

/*
  .lt-ie9 {
  #module-classes {
  .slide {
  a.span {
  img {
  visibility: hidden !important;
  }
  &:hover {
  @include background-empty;
  }
  &.is-shadowed {
  @include half-transporent-black;
  }
  }
  }
  }
  }
*/
/* line 1, ../../../../App/View/Sass/module/_features.scss */
#module-features {
  height: 2783px;
  background: url("../../assets/img/module-features/bg.jpg?v=1") no-repeat center -71px transparent;
}
/* line 4, ../../../../App/View/Sass/module/_features.scss */
#module-features header {
  margin: 54px 0;
}
/* line 7, ../../../../App/View/Sass/module/_features.scss */
#module-features section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1364px;
  text-align: center;
  font-size: 20px;
  line-height: 150%;
}
/* line 14, ../../../../App/View/Sass/module/_features.scss */
#module-features section h3 {
  font-family: "UTM Bebas", sans-serif, Arial;
  margin: 0;
  line-height: 89%;
}
/* line 20, ../../../../App/View/Sass/module/_features.scss */
#module-features .cry-engine {
  height: 882px;
  padding-top: 180px;
}
/* line 23, ../../../../App/View/Sass/module/_features.scss */
#module-features .cry-engine p {
  margin: 32px 0 0 0;
}
/* line 27, ../../../../App/View/Sass/module/_features.scss */
#module-features .gameplay {
  padding-top: 0px;
  height: 324px;
}
/* line 30, ../../../../App/View/Sass/module/_features.scss */
#module-features .gameplay p {
  margin: 32px 0 0 0;
}
/* line 34, ../../../../App/View/Sass/module/_features.scss */
#module-features .team-support {
  padding-top: 420px;
  height: 708px;
}
/* line 37, ../../../../App/View/Sass/module/_features.scss */
#module-features .team-support h3 {
  width: 78%;
}
/* line 40, ../../../../App/View/Sass/module/_features.scss */
#module-features .team-support p {
  margin:32px 0 0 0;
}
/* line 44, ../../../../App/View/Sass/module/_features.scss */
#module-features .realtime {
  padding-top: 320px;
}
/* line 46, ../../../../App/View/Sass/module/_features.scss */
#module-features .realtime p {
  margin: 32px 0 0 0;
}

/* line 1, ../../../../App/View/Sass/module/_story.scss */
#module-story {
  height: 1165px;
  background: url("../../assets/img/module-story/bg.jpg") no-repeat center top transparent;
}
/* line 4, ../../../../App/View/Sass/module/_story.scss */
#module-story header.module {
  padding-top: 112px;
}
/* line 6, ../../../../App/View/Sass/module/_story.scss */
#module-story header.module h2 {
  margin-bottom: 7px;
}
/* line 9, ../../../../App/View/Sass/module/_story.scss */
#module-story header.module h3 {
  color: black;
}
/* line 13, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen {
  min-width: 640px;
  max-width: 1335px;
  position: relative;
  margin-top: 39px;
}
/* line 19, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen a.close {
  top: 12%;
  right: 5%;
}
/* line 25, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .text-overlay {
  position: absolute;
  bottom: 84px;
  right: 20px;
  width: 54%;
  font-size: 50px;
  font-family: "UTM Bebas", sans-serif, Arial;
  text-transform: uppercase;
  line-height: 100%;
  overflow: hidden;
  *zoom: 1;
  z-index: 2;
}
/* line 36, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .text-overlay > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
  text-align: center;
  height: 56px;
}
/* line 43, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen #locations-factions {
  display: block;
}
/* line 46, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen #locations-choose {
  display: none;
}
/* line 50, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .factions #locations-factions {
  display: none;
}
/* line 53, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .factions #locations-choose {
  display: block;
}
/* line 58, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
  background: transporent;
  display: none;
}
/* line 67, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide figure {
  position: relative;
  padding-top: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 1270px;
  height: 620px;
}
/* line 73, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide figure figcaption {
  position: absolute;
  left: 2.5%;
  top: 9%;
  /*width: 45%;*/
  width: 50%;
  /*padding: 4% 3%; */
  padding: 4% 5% 4% 4%;
  background: transparent url("../../assets/img/shared/half-transporent.png") repeat;
  background: rgba(0, 0, 0, 0.6);
  max-height: 588px;
  bottom: 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 150%;
}
/* line 89, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide figure figcaption article {
  height: 100%;
  width: 100%;
  overflow: auto;
  text-overflow: ellipsis;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 96, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide figure figcaption article a.more {
  text-align: right;
  display: block;
}
/* line 101, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide figure figcaption h3 {
  margin: 0 0 4% 0;
  font-size: 35px;
   font-family: "UTM Bebas", sans-serif, Arial;
}
/* line 105, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide figure figcaption p {
  margin: 0 0 30px 0;

}
/* line 110, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide .landing-slide-img {
  position: absolute;
}
/* line 114, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide article.overlay {
  position: absolute;
  width: 45%;
  top: 3%;
  left: 5%;
  bottom: 6%;
  background: transparent url("../../assets/img/shared/half-transporent.png") repeat;
  background: rgba(0, 0, 0, 0.6);
  padding: 5% 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
@media (max-width: 860px) {
  /* line 114, ../../../../App/View/Sass/module/_story.scss */
  #module-story div.screen .slide article.overlay {
    font-size: 12px;
  }
}
/* line 127, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide article.overlay .is-relative {
  position: relative;
  height: 100%;
}
/* line 131, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide article.overlay h3 {
  color: white;
  margin: 0 0 35px 0;
}
@media (max-width: 860px) {
  /* line 131, ../../../../App/View/Sass/module/_story.scss */
  #module-story div.screen .slide article.overlay h3 {
    font-size: 30px;
    margin: 0 0 15px 0;
  }
}
/* line 141, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide.landing-slide {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 143, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide.landing-slide .is-invisible {
  visibility: hidden;
}
/* line 146, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide.landing-slide img.overlay {
  visibility: hidden;
  position: absolute;
}
/* line 149, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide.landing-slide img.overlay.is-visible {
  visibility: visible;
}
/* line 153, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide.landing-slide figure {
  height: 600px;
}
/* line 155, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide.landing-slide figure figcaption {
  top: 3%;
  left: 0;
  width: 50%;
  /*padding: 4% 3%; */
  padding: 5% 5% 1% 4%;
}
/* line 163, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide.landing-slide .grid {
  position: absolute;
  width: 54%;
  height: 100%;
  right: 0;
  top: 0;
  overflow: hidden;
  *zoom: 1;
  z-index: 3;
}
/* line 171, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide.landing-slide .grid a.span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  float: left;
  cursor: pointer;
  display: block;
  background: transparent url("../../assets/img/shared/empty.png") repeat;
  position: relative;
}
/* line 180, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide.landing-slide .grid a.span > span {
  position: absolute;
  height: 40px;
  width: 93%;
  bottom: 36px;
  left: 0;
  display: none;
  overflow: hidden;
  *zoom: 1;
  z-index: 5;
  font-size: 30px;
  font-family: "UTM Bebas", sans-serif, Arial;
  text-transform: uppercase;
  line-height: 100%;
  color: white;
  text-align: center;
}
/* line 195, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide.landing-slide .grid a.span > span > span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 0 6px;
  background: transparent url("../../assets/img/shared/empty.png") repeat;
  height: 100%;
}
/* line 202, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide.landing-slide .grid a.span > span > span[data-open]:hover {
  color: #ff3d00;
}
/* line 208, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide.landing-slide .grid a.span:hover > span {
  display: block;
}
/* line 218, ../../../../App/View/Sass/module/_story.scss */
#module-story div.screen .slide img {
  width: 100%;
  pointer-events: none;
}

/* line 232, ../../../../App/View/Sass/module/_story.scss */
.lt-ie9 #module-classes .slide a.span img {
  visibility: hidden !important;
}
/* line 235, ../../../../App/View/Sass/module/_story.scss */
.lt-ie9 #module-classes .slide a.span:hover {
  background: transparent url("../../assets/img/shared/empty.png") repeat;
}
/* line 238, ../../../../App/View/Sass/module/_story.scss */
.lt-ie9 #module-classes .slide a.span.is-shadowed {
  background: transparent url("../../assets/img/shared/half-transporent.png") repeat;
  background: rgba(0, 0, 0, 0.6);
}

@media (max-width: 1260px) {
  /* line 248, ../../../../App/View/Sass/module/_story.scss */
  #story-warface nav.slide-secondary-nav {
    display: none;
  }
}
@media (max-width: 1160px) {
  /* line 255, ../../../../App/View/Sass/module/_story.scss */
  #story-blackwood nav.slide-secondary-nav {
    display: none;
  }
}
/* line 263, ../../../../App/View/Sass/module/_story.scss */
body.fr #module-story #locations-factions {
  font-size: 40px !important;
}
/* line 266, ../../../../App/View/Sass/module/_story.scss */
body.fr #module-story #locations-choose {
  font-size: 40px !important;
}

/* line 1, ../../../../App/View/Sass/module/_media.scss */
#module-media {
  z-index: 1;
}
/* line 5, ../../../../App/View/Sass/module/_media.scss */
#module-media .is-centered.is-page-wide {
  padding-top: 20px;
  padding-bottom: 0;
}
/* line 11, ../../../../App/View/Sass/module/_media.scss */
#module-media .triggers {
  position: relative;
  width: 100%;
  height: 0;
}
/* line 15, ../../../../App/View/Sass/module/_media.scss */
#module-media .triggers .trigger {
  height: 183px;
  top: 4px;
  height: 183px;
}
/* line 24, ../../../../App/View/Sass/module/_media.scss */
#module-media .triggers .trigger .icon {
  margin-top: 59px;
}
/* line 30, ../../../../App/View/Sass/module/_media.scss */
#module-media .scroll-box {
  padding-top: 4px;
  width: 1260px;
  height: 183px;
}
@media (max-width: 1260px) {
  /* line 30, ../../../../App/View/Sass/module/_media.scss */
  #module-media .scroll-box {
    width: 945px;
  }
}
@media (max-width: 945px) {
  /* line 30, ../../../../App/View/Sass/module/_media.scss */
  #module-media .scroll-box {
    width: 630px;
  }
}
/* line 42, ../../../../App/View/Sass/module/_media.scss */
#module-media .scroll-box .inline-list {
  z-index: 1;
}
/* line 44, ../../../../App/View/Sass/module/_media.scss */
#module-media .scroll-box .inline-list li {
  width: 312px;
  height: 183px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  float: left;
  margin-right: 3px;
  position: relative;
  height: auto;
}
/* line 53, ../../../../App/View/Sass/module/_media.scss */
#module-media .scroll-box .inline-list li .overlay {
  position: absolute;
  background: transparent url("../../assets/img/shared/half-transporent.png") repeat;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  right: 0;
  height: 183px;
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
/* line 65, ../../../../App/View/Sass/module/_media.scss */
#module-media .scroll-box .inline-list li .overlay .icon-play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-position: 0 -459px;
  width: 60px;
  height: 60px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 76, ../../../../App/View/Sass/module/_media.scss */
#module-media .scroll-box .inline-list li .overlay .icon-play:hover {
  background-position: 0 -519px;
}
/* line 82, ../../../../App/View/Sass/module/_media.scss */
#module-media .scroll-box .inline-list li article {
  padding: 26px;
}
/* line 85, ../../../../App/View/Sass/module/_media.scss */
#module-media .scroll-box .inline-list li h4 {
  margin-top: 8px;
  font-size: 20px;
  font-family: "UTM Avo", sans-serif, Arial;
  line-height: 100%;
  text-align: center;
  color: white;
}

/* line 99, ../../../../App/View/Sass/module/_media.scss */
/* line 101, ../../../../App/View/Sass/module/_media.scss */
#module-media-video h2 {
  font-size: 65px;
  margin-bottom: 57px;
}
/* line 105, ../../../../App/View/Sass/module/_media.scss */
#module-media-video .scroll-box {
  height: 210px;
}
/* line 107, ../../../../App/View/Sass/module/_media.scss */
#module-media-video .scroll-box li {
  height: 210px;
}
/* line 109, ../../../../App/View/Sass/module/_media.scss */
#module-media-video .scroll-box li h4 {
  font-size: 16px !important;
  margin-top: 10px !important;
}

/* line 1, ../../../../App/View/Sass/module/_community.scss */
#module-community {
  height: 822px;
  background: url("../../assets/img/module-community/bg.jpg") no-repeat center -35px;
  margin-top:-170px;
}
/* line 4, ../../../../App/View/Sass/module/_community.scss */
#module-community header.module {
  margin-top: 167px;
}
/* line 7, ../../../../App/View/Sass/module/_community.scss */
#module-community .main {
  text-align: center;
}
/* line 9, ../../../../App/View/Sass/module/_community.scss */
#module-community .main .play-warface-now {
  width: 655px;
  margin: 49px auto 10px auto;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 435px;
  position: relative;
}
/* line 16, ../../../../App/View/Sass/module/_community.scss */
#module-community .main .play-warface-now .call-out {
  width: 560px;
  height: 97px;
  margin: auto;
  font-size: 60px;
  line-height: 97px;
  text-transform: uppercase;
  font-family: "UTM Bebas", sans-serif, Arial;
  color: white;
  background: url("../../assets/img/module-community/play-btn.jpg") no-repeat 0 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-box-shadow: 0 0 28px 4px white;
  -moz-box-shadow: 0 0 28px 4px white;
  box-shadow: 0 0 28px 4px white;
}
/* line 18, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-community .main .play-warface-now .call-out:visited {
  color: white;
}
/* line 21, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-community .main .play-warface-now .call-out:focus {
  color: white;
}
/* line 24, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-community .main .play-warface-now .call-out:hover {
  color: white;
}
/* line 27, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-community .main .play-warface-now .call-out:active {
  color: white;
}
/* line 28, ../../../../App/View/Sass/module/_community.scss */
#module-community .main .play-warface-now .call-out:hover {
  background: black;
  text-decoration: none;
}
/* line 34, ../../../../App/View/Sass/module/_community.scss */
#module-community .main article {
  width: 632px;
  margin: 40px auto 0 auto;
  text-align: center;
  font-size: 16px;
  line-height: 150%;
  color: white;
}
/* line 42, ../../../../App/View/Sass/module/_community.scss */
#module-community .main h4 {
  text-align: center;
  margin: 36px 0 0 0;
  font-size: 20px;
  line-height: 100%;
  color: white;
  font-weight: bold;
}
/* line 51, ../../../../App/View/Sass/module/_community.scss */
#module-community .gface {
  overflow: hidden;
  *zoom: 1;
  margin-top: 45px;
}
/* line 54, ../../../../App/View/Sass/module/_community.scss */
#module-community .gface .left {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 426px;
  padding: 34px 0 0 60px;
}
/* line 60, ../../../../App/View/Sass/module/_community.scss */
#module-community .gface .left article {
  width: 306px;
}
/* line 62, ../../../../App/View/Sass/module/_community.scss */
#module-community .gface .left article h4 {
  font-size: 26px;
  font-family: "UTM Avo", sans-serif, Arial;
  line-height: 100%;
  margin: 49px 0 24px 0;
}
/* line 68, ../../../../App/View/Sass/module/_community.scss */
#module-community .gface .left article p {
  font-size: 18px;
  line-height: 166%;
  color: white;
}
/* line 74, ../../../../App/View/Sass/module/_community.scss */
#module-community .gface .left .take-part {
  width: 320px;
  height: 76px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background: url("../../assets/img/module-community/take-part-btn.jpg") no-repeat 0 0;
  font-size: 25px;
  line-height: 76px;
  font-family: "UTM Avo", sans-serif, Arial;
  text-transform: uppercase;
  text-align: center;
  color: white;
}
/* line 18, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-community .gface .left .take-part:visited {
  color: white;
}
/* line 21, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-community .gface .left .take-part:focus {
  color: white;
}
/* line 24, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-community .gface .left .take-part:hover {
  color: white;
}
/* line 27, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-community .gface .left .take-part:active {
  color: white;
}
/* line 85, ../../../../App/View/Sass/module/_community.scss */
#module-community .gface .left .take-part:hover {
  background-position: 0 -76px;
  text-decoration: none;
}
/* line 91, ../../../../App/View/Sass/module/_community.scss */
#module-community .gface .right {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 844px;
}
/* line 96, ../../../../App/View/Sass/module/_community.scss */
#module-community .gface .right .is-loading img {
  visibility: hidden;
}
#module-community header.module h2{
	padding-top:250px;}
/* line 106, ../../../../App/View/Sass/module/_community.scss */
body.fr #module-community .call-out {
  font-size: 50px !important;
}

/* line 1, ../../../../App/View/Sass/module/_social.scss */
#module-social {
  height: 290px;
    background: url("../../assets/img/module-community/bg.jpg") no-repeat center -850px;
	margin-top:45px;
}
/* line 5, ../../../../App/View/Sass/module/_social.scss */
#module-social .is-loading ul {
  visibility: hidden;
}
/* line 10, ../../../../App/View/Sass/module/_social.scss */
#module-social .icons {
  margin-top: 18px;
}
/* line 12, ../../../../App/View/Sass/module/_social.scss */
#module-social .icons > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  *zoom: 1;
  width: 1280px;
  height: 256px;
}
/* line 20, ../../../../App/View/Sass/module/_social.scss */
#module-social .icons > ul > li {
  float: left;
  height: 240px;
  width: 240px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../../assets/img/module-social/icons-sprite6654.jpg?v1") no-repeat 0 0;
}
/* line 27, ../../../../App/View/Sass/module/_social.scss */
#module-social .icons > ul > li.warface {
  background-position: 0 0;
}
/* line 29, ../../../../App/View/Sass/module/_social.scss */
#module-social .icons > ul > li.warface:hover {
  background-position: 0 -256px;
}
/* line 33, ../../../../App/View/Sass/module/_social.scss */
#module-social .icons > ul > li.gface {
  background-position: -256px 0;
}
/* line 35, ../../../../App/View/Sass/module/_social.scss */
#module-social .icons > ul > li.gface:hover {
  background-position: -256px -256px;
}
/* line 39, ../../../../App/View/Sass/module/_social.scss */
#module-social .icons > ul > li.facebook {
  background-position: -512px 0;
}
/* line 41, ../../../../App/View/Sass/module/_social.scss */
#module-social .icons > ul > li.facebook:hover {
  background-position: -512px  -256px;
}
/* line 45, ../../../../App/View/Sass/module/_social.scss */
#module-social .icons > ul > li.twitter {
  background-position: -777px 0;
}
/* line 47, ../../../../App/View/Sass/module/_social.scss */
#module-social .icons > ul > li.twitter:hover {
  background-position: -777px -256px;
}
/* line 51, ../../../../App/View/Sass/module/_social.scss */
#module-social .icons > ul > li.youtube {
  background-position: -1033px 0;
}
/* line 53, ../../../../App/View/Sass/module/_social.scss */
#module-social .icons > ul > li.youtube:hover {
  background-position: -1033px -256px;
}
/* line 57, ../../../../App/View/Sass/module/_social.scss */
#module-social .icons > ul > li > a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: 100%;
  position: relative;
  color: white;
}
/* line 18, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-social .icons > ul > li > a:visited {
  color: white;
}
/* line 21, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-social .icons > ul > li > a:focus {
  color: white;
}
/* line 24, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-social .icons > ul > li > a:hover {
  color: white;
}
/* line 27, ../../../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p484/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
#module-social .icons > ul > li > a:active {
  color: white;
}
/* line 63, ../../../../App/View/Sass/module/_social.scss */
#module-social .icons > ul > li > a > span {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 200px;
  width: 100%;
  text-align: center;
  letter-spacing: -1px;
  font-family: "UTM Avo", sans-serif, Arial;
  font-size: 16px;
  line-height: 20px;
  padding: 0 16px;
  text-transform: uppercase;
  word-wrap: break-word;
}
/* line 81, ../../../../App/View/Sass/module/_social.scss */
#module-social .logos {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  *zoom: 1;
  width: 878px;
  margin: 119px auto 0 auto;
  height: 89px;
  background: url("../../assets/img/module-social/logos.jpg") no-repeat center center;
}
/* line 90, ../../../../App/View/Sass/module/_social.scss */
#module-social .logos > li {
  float: left;
  width: 33.33%;
  height: 89px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 95, ../../../../App/View/Sass/module/_social.scss */
#module-social .logos > li > a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: 100%;
}

/* line 1, ../../../../App/View/Sass/signup/_main.scss */
#signup-main {
  width: 100%;
  display: inline-block;
  background: black url("../../assets/img/signup/bg.jpg") center top no-repeat;
  height: 916px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 7, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container {
  overflow: hidden;
  width: 1276px;
}
/* line 10, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .header {
  overflow: hidden;
  padding-top: 98px;
}
/* line 13, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .header .number {
  font-family: "DINNextLTPro-MediumCond", "Warface", sans-serif, Arial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 90px;
  height: 90px;
  text-align: center;
  font-size: 88px;
  font-weight: bold;
  color: white;
  background-color: #595959;
  float: left;
  display: inline-block;
  text-transform: uppercase;
  line-height: 120%;
}
/* line 28, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .header .text {
  font-family: "DINNextLTPro-LightCondensed", "Warface", sans-serif, Arial;
  color: #595959;
  font-size: 50px;
  float: left;
  display: inline-block;
  text-transform: uppercase;
  padding-left: 14px;
  line-height: 100%;
}
/* line 39, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .step {
  height: 993px;
}
/* line 42, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .step1 {
  float: left;
  width: 426px;
  text-align: center;
  color: white;
  position: relative;
}
/* line 48, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .step1 .lock {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../../assets/img/signup/lock-overlay6654.png?v1") no-repeat scroll 0px -7px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  position: absolute;
}
/* line 57, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .step1 h2 {
  font-family: "DINNextLTPro-MediumCond", "Warface", sans-serif, Arial;
  font-size: 52px;
  text-transform: uppercase;
  width: 356px;
  margin: 0 auto;
  line-height: 100%;
  padding-top: 102px;
  text-align: center;
  color: white;
  font-weight: normal;
}
/* line 69, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .step1 .download {
  border: 0;
  outline: none;
  width: 296px;
  height: 110px;
  margin: 24px auto 0 auto;
  display: inline-block;
}
/* line 77, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .step1 .instructions {
  padding-top: 11px;
  font-family: "ScenePro-Medium", Arial;
  width: 280px;
  margin: 0 auto;
  font-size: 12px;
}
/* line 85, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .step2 {
  float: left;
  width: 426px;
}
/* line 88, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .step2 .main {
  width: 300px;
  margin: 0 auto;
  padding-top: 20px;
  background: url("../../assets/img/shared/preloader.gif") center center no-repeat;
}
/* line 93, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .step2 .main .preloader {
  height: 500px;
  padding: 0;
}
/* line 99, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .step3 {
  float: left;
  width: 424px;
}
/* line 102, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .step3 .header {
  position: relative;
  height: 456px;
}
/* line 105, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .step3 .header h2 {
  font-weight: normal;
  position: absolute;
  bottom: 36px;
  left: 0;
  padding: 0;
  text-align: center;
  font-family: "DINNextLTPro-MediumCond", "Warface", sans-serif, Arial;
  font-size: 94px;
  text-transform: uppercase;
  line-height: 110%;
  color: white;
  margin: 0;
}
/* line 118, ../../../../App/View/Sass/signup/_main.scss */
#signup-main .container .step3 .header h2 strong {
  font-size: 120px;
  font-weight: normal;
}

/* line 130, ../../../../App/View/Sass/signup/_main.scss */
.de #signup-main .container .step3 h2 strong {
  font-size: 96px;
}

/* line 135, ../../../../App/View/Sass/signup/_main.scss */
.fr #signup-main .container .step3 h2 {
  font-size: 77px;
  line-height: 120%;
}
/* line 138, ../../../../App/View/Sass/signup/_main.scss */
.fr #signup-main .container .step3 h2 strong {
  font-size: 120px;
}

/* line 143, ../../../../App/View/Sass/signup/_main.scss */
.pl #signup-main .container .step3 h2 {
  line-height: 110%;
}












.footer {
	display: block;
	width: 1050px!important;
	margin: 0 auto;
	padding-bottom: 20px;
}
.footer a {
	color: #a1a1a1;
	font-size: 11px;
	font-family: "UTM Avo", Geneva, sans-serif;
	line-height: 18px;
}
.footer a:hover {
	text-decoration: underline;
}
.footer ul {
	display: block;
}
.footer ul li {
	display: inline-block;
	float: left;
	margin:0;
	padding:0;
	margin-right: 24px;
}
.footer ul li p {
	color: #a1a1a1;
	font-size: 11px;
	font-family: "UTM Avo", Geneva, sans-serif;
	line-height: 18px;
	margin:0;
	padding:0;
}
.footer ul li img {
	display: block;
	margin-top: 15px;
}
li.ft_maihoang {
	float: right;
	padding-left: 15px !important;
	border-left: solid 1px #393E3F;
	height: 100px;
	margin:0 !important;
}
li.ft_maihoang img {
	display: block;
	margin-top: 10px !important;
}
ul.footer_link {
	display: block;
	height: 22px;
	padding:0;
	margin:0;
	margin-bottom:5px
}
ul.footer_link li {
	display: inline-block;
	*float:left;
	margin: 0;
	padding: 0;
}
ul.footer_link li a {
	color: #a1a1a1;
	font-size: 11px;
	font-family: "UTM Avo", Geneva, sans-serif;
	line-height: 18px;
}
ul.footer_link li a:hover {
	text-decoration: underline;
	color:#ff3d00 !important;
}
ul.footer_link li span {
	color: #a1a1a1;
	font-size: 11px;
	font-family: "UTM Avo", Geneva, sans-serif;
	padding: 0 5px;
}









ol, ul, li {
	list-style: none;
}
.reg_pop{
	display:block;	
	}
p.reg_pop_tit{
	display:block;
	background-image:url("../../assets/img/tit_reg.png");
	background-position:top left;
	background-repeat:no-repeat;
	width:234px;
	height:45px;
	margin:0;
	padding:0 10px;
	line-height:45px;
	color: #ff3d00;
	font-family: "UTM Avo", sans-serif, Arial;
	font-size: 18px;
	text-transform:uppercase;
	margin-bottom:40px;
	}
.reg_pop ul{
	display:block;
	width:460px !important;
	margin:10px auto !important;
	}
li.reg_1{
	float:left !important;
	width:112px !important;
	height:35px;
	padding-right:10px;
	line-height:35px;
	text-align:right;
	color: #fff;
	font-family: "UTM Avo", sans-serif, Arial;
	font-size: 12px;
	}
li.reg_2{
	float:left !important;
	width:340px !important;
	height:35px;
	}
input.ip_reg{
	display:block;
	width:230px;
	padding:0 10px;
	background:#bbbbbb;
	height:35px;
	line-height:35px;
	color: #fff;
	font-family: "UTM Avo", sans-serif, Arial;
	font-size: 13px;
	border:none;
	border-radius:5px;
	}
input.tick_reg{
	float:left;
	margin-right:5px;
	margin-top:2px;
	} 
li.reg_2 span{
	float:left;
	color: #fff;
	font-family: "UTM Avo", sans-serif, Arial;
	font-size: 11px;
	line-height:16px;
	}
li.reg_2 a{
	float:left;
	color: #fff;
	font-family: "UTM Avo", sans-serif, Arial;
	font-size: 13px;
	line-height:35px;
	margin-right:10px;
	height:35px;
	}
a.reg_gray{
	background-image:url("../../assets/img/reg_gray.png");
	background-position:top left;
	background-repeat:repeat-x;
	line-height:35px;
	height:35px;
	padding:0 15px;
	color:#bcc3c9 !important;
	font-size:15px;
	font-family: "UTM Avo", sans-serif, Arial;
	text-transform:uppercase;
	}
li.reg_2 a:hover{
	color:#ff3d00 !important;
	}
.content_pop{
	display:block;
	margin-top:20px !important;
    margin-bottom:20px !important;
    padding-left:20px !important;
    padding-right:20px !important;
	position:relative;
	overflow:hidden;
	width:780px !important;
	height:380px;
	}
.newsdetail{
	height:520px;
	line-height:16px;}
.content_pop ul.down_tab{
	margin:0}
p.norB{
	font-weight:bold !important;}
.content_pop h2{
	display:block; 
	color: #ff3d00;
    font-family: "UTM Avo", sans-serif, Arial;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
	margin:25px 0 5px 0;
	}
.newsdetail h3{
	margin-top: 5px;
margin-bottom: 2px;
line-height: 100%;
font-size: 30px;
font-weight:normal;
color: #ff3d00;
font-family: "UTM Avo", sans-serif, Arial;}
.content_pop p{
	color: #fff;
    display: block;
   font-family: "UTM Avo", sans-serif, Arial;
    font-size: 13px;
    font-weight: normal;
	line-height:18px;
	margin:0;
	margin-bottom:5px;
	}
ul.down_block_1{
	display:block;
	border:solid 1px #262626;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	background:#080808;
	height:35px;
	width:705px !important;
	margin:0 !important;
	}
ul.down_block_2{
	display:block;
	border:solid 1px #262626;
	background:#131313;
	height:35px;
	width:705px !important;
	margin:0 !important;
	}
ul.down_block_tit{
	display:block;
	border:solid 1px #262626;
	border-bottom:none;
	background:#131313;
	height:35px !important;
	width:705px !important;
	margin:0 !important;
	}
ul.down_block_1:hover, ul.down_block_2:hover{
	background:#262626;
	}
ul.down_block_1:hover li, ul.down_block_2:hover li{
	color:#FF3D00;
	}
ul.down_block_1 li, ul.down_block_2 li, ul.down_block_tit li{
	float:left;
	height:35px;
	line-height:35px;
	color:#fff;
	font-size:11px;
	font-family: "UTM Avo", sans-serif, Arial;
	}
ul.down_block_tit li{
	font-weight:bold;
	}
li.down_block1{
	width:350px;
	padding-left:25px;
	text-align:left;
	}
li.down_block1 img{
	float:left;
	height:30px;
	width:auto;
	margin-right:3px;
	margin-top:3px;
	}
li.down_block2{
	width:200px;
	text-align:center;
	}
li.down_block3{
	width:130px;
	text-align:center;
	}
li.down_block3 img{
	display:block;
	margin:0 auto;
	margin-top:6px;
	}
ul.download_cauhinh {
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	border:solid 1px #262626;
	border-top:solid 1px #000;
	background:#080808;
	width:705px !important;
}
ul.download_cauhinh_tit{
	border-top:solid 1px #262626 !important;
	background:#000 !important;
	width:705px !important;
	}
ul.download_cauhinh_tit li strong{
	color: #fff;
	font-size: 11px;
	font-family: "UTM Avo", sans-serif, Arial;
	line-height: 18px;
	font-weight:bold;
	}
ul.download_cauhinh li {
	float: left;
	text-align: left;
	color: #fff;
	font-size: 11px;
	font-family: "UTM Avo", sans-serif, Arial;
	line-height: 18px;
}
li.download_cauhinh_1 {
	width: 100px;
	padding-left:25px;
}
li.download_cauhinh_2, li.download_cauhinh_3 {
	width: 280px;
	padding-right: 10px;
}
ul.download_hotro {
	display: block;
	margin: 0 auto;
	border:solid 1px #c0c0c0 !important;
	width:705px !important;
	padding:0;
}
ul.download_hotro li {
	float: left;
	width: 290px;
	background-image:url("../../assets/img/line.png");
	background-position:right 15px ;
	background-repeat:no-repeat;
	padding:20px 30px;
}
ul.download_hotro li p {
	color: #fff;
	font-size: 11px;
	font-family: "UTM Avo", sans-serif, Arial;
	line-height: 16px;
	margin-bottom: 15px;
	font-weight:normal;
}
.download_hotro_link {
	display: block;
	margin-bottom: 5px;
	height: 75px;
}
.download_hotro_link a img {
	float: left;
	margin-right: 2px;
}
.mb10{
	margin-bottom:10px !important;
	}
ul.down_tab{
	display:block;
	height:29px;
	border-bottom:solid 1px #262626;
	margin:0 20px;
	padding:0;
	}
ul.down_tab li{
	float:left;
	height:29px;
	border:solid 1px #262626;
	border-bottom:none;
	}
ul.down_tab li a{
	display:block;
	height:28px;
	line-height:28px;
	padding:0 15px;
	color:#656565;
	font-size:12px;
	font-family: "UTM Avo", sans-serif, Arial;
	text-transform:uppercase;
	font-weight:bold;
	}
ul.down_tab li a:hover, ul.down_tab li a.active{
	color:#ffffff;
	background:#262626;
	}
a.down_scroll{ 
	position:absolute;
	z-index:3000;
	top:0px;
	right:0px;
	height:30%;
	width:6px;
	background:#262626 ;
	border-radius:5px;
	}
	
	
	
	
	
	
	
	
	
	
ul.nthe_block{
	display:block;
	width:360px;
	margin:0 auto;
	padding:0;
	margin-top:25px;
	}
ul.nthe_block li{
	display:block;
	width:360px;
	min-height:40px;
	margin:0 !important;
	padding:0 !important;
	margin-bottom:10px !important;
	}
ul.nthe_block li img{
	float:left;
	margin-right:10px;
	margin-top:2px;
	}
ul.nthe_block li > span > span{	
	color:#bb0000; 
    padding: 5px 0 5px;
    display: inline-block;
	}
ul.nthe_block li > span{	
	display:block;
    clear:both;
	}
input.nthe_ip{
	display:block;
	width:340px;
	padding:0 10px;
	background:#bbbbbb;
	height:35px;
	line-height:35px;
	color: #fff;
	font-family: "UTM Avo", sans-serif, Arial;
	font-size: 13px;
	border:none;
	border-radius:5px;
	}
input.nthe_cap{
	float:left;
	width:170px;
	padding:0 10px;
	background:#bbbbbb;
	height:35px;
	line-height:35px;
	color: #fff;
	font-family: "UTM Avo", sans-serif, Arial;
	font-size: 13px;
	border:none;
	border-radius:5px;
	margin-right:10px;
	}	
ul.nthe_block li select{
	display:block;
	width:360px;
	padding:6px 10px;
	background:#bbbbbb;
	height:35px;
	line-height:35px;
	color: #fff;
	font-family: "UTM Avo", sans-serif, Arial;
	font-size: 13px;
	border:none;
	border-radius:5px;
	}	
a.nthe_bt{
	display:block;
	background-image:url(../../assets/img/bt_reg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:177px;
	height:40px;
	line-height:39px;
	margin:0 auto;
	text-align:center;
	font-family: "UTM Avo", sans-serif, Arial;
    font-size: 19px;
	color:#000000;
	text-transform:uppercase;
	}
a.nthe_bt:hover{
	color:#fff;
	}
a.f5{
	float:left;
	margin-top:7px;
	}
.content_nap h2{
	margin-bottom:15px;
	}
.content_nap p{
	color: #fff;
    display: block;
    font-family: "UTM Avo", sans-serif, Arial;
    font-size: 13px;
    font-weight: normal;
	line-height:23px !important;
	margin:0;
	margin-bottom:10px !important;
	}
.content_nap table{
	border:solid 1px #262626;}
.content_nap th{
	background:#262626;
}
.bggray{
	background:#262626;}